<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui">

    <f:view contentType="text/html">
        <h:head>
            <f:facet name="first">
                <meta content='text/html; charset=UTF-8' http-equiv="Content-Type"/>
                <title>SACPE 2015</title>
            </f:facet>
        </h:head>

        <h:body>

            <p:layout fullPage="true">

                <p:layoutUnit position="north" size="100" resizable="true" closable="true" collapsible="true">
                    <div>
                        <h:graphicImage url="../images/logo.png" alt="Logo"  style="vertical-align: top;"/> 
                    </div>
                </p:layoutUnit>

                <p:layoutUnit position="south" size="100" closable="true" collapsible="true">
                    Los tres editores
                </p:layoutUnit>

                <p:layoutUnit position="west" size="175" header="..." collapsible="true">
                    <h:form>
                        <p:menu>
                            <p:submenu label="Menú">
                                <p:menuitem value="Inicio" url="/faces/CALIFICACION/CALIFICACION.xhtml" />  
                                <p:menuitem value="Calificación" url="/faces/CALIFICACION/gestionCalificacion.xhtml" /> 
                                <p:menuitem value="Cerrar Sesión" actionListener="#{usuarioVista.cerrarSesion_action}" />
                            </p:submenu>                       
                        </p:menu>
                    </h:form>
                </p:layoutUnit>

                <p:layoutUnit position="center">
                    <h:form id="formCampos">
                        <p:growl id="growl" showDetail="true" sticky="true" />  
                        <p:messages id="mensajes" showDetail="true" />
                        <p:panel header="Registro de Estudiantes" id="panelEstudiante">
                            <p:panelGrid>
                                <p:row>
                                    <p:column>
                                        <h:outputText value="Identificación:"/>
                                    </p:column>
                                    <p:column>
                                        <p:inputText id="txtIdentificacion" binding="#{estudiantesVista.txtIdentificacion}"/>
                                    </p:column>
                                    <p:column>
                                        <h:outputText value="Tipo:"/>
                                    </p:column>
                                    <p:column>
                                        <p:selectOneMenu id="cmTipo" binding="#{estudiantesVista.cmbTipo}">
                                            <f:selectItem itemLabel="CEDULA" itemValue="CEDULA"/>
                                            <f:selectItem itemLabel="TARJETA DE IDENTIDAD" itemValue="TARJETA DE IDENTIDAD"/>
                                        </p:selectOneMenu>
                                    </p:column>
                                </p:row>
                                <p:row>
                                    <p:column>
                                        <h:outputText value="Nombre:"/>
                                    </p:column>
                                    <p:column>
                                        <p:inputText id="txtNombre" binding="#{estudiantesVista.txtNombre}"/>
                                    </p:column>
                                    <p:column>
                                        <h:outputText value="Apellido:"/>
                                    </p:column>
                                    <p:column>
                                        <p:inputText id="txtApellido" binding="#{estudiantesVista.txtApellido}"/>
                                    </p:column>
                                </p:row>
                                <p:row>
                                    <p:column colspan="4">
                                        <p:commandButton  id="btnRegistrar" action="#{estudiantesVista.registrar_action}" value="Registrar" binding="#{estudiantesVista.btnRegistrar}" update=":formCampos:mensajes,:formCampos:panelEstudiante,formCampos:panelTabla,growl"/>
                                        <p:commandButton  id="btnModificar" action="#{estudiantesVista.modificar_action}" value="Modificar" binding="#{estudiantesVista.btnModificar}" update=":formCampos:mensajes,:formCampos:panelEstudiante,formCampos:panelTabla,growl"/>
                                        <p:commandButton  id="btnEliminar" action="#{estudiantesVista.eliminar_action}" value="Eliminar" binding="#{estudiantesVista.btnEliminar}" onclick="PF('confirmation').show();"  type="button"/>
                                        <p:commandButton  id="btnLimpiar" action="#{estudiantesVista.limpiar_action}" value="Limpiar" binding="#{estudiantesVista.btnLimpiar}" update=":formCampos:mensajes,:formCampos:panelEstudiante"/>
                                    </p:column>
                                </p:row>
                            </p:panelGrid>
                        </p:panel>
                        <p:panel id="panelTabla">   
                            <p:dataTable var="estudiante" value="#{estudiantesVista.listaEstudiantes}" rows="10"
                                         paginator="true"
                                         paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
                                         rowsPerPageTemplate="5,10,15"
                                         rowKey="#{estudiante.idEstudiante}"
                                         selectionMode="single"
                                         selection="#{estudiantesVista.selectedEstudiante}"
                                         filteredValue="#{estudiantesVista.listaEstudiantes}"
                                         >
                                <p:ajax 
                                    event="rowSelect"
                                    listener="#{estudiantesVista.seleccionarEstudiante}"
                                    update=":formCampos:panelEstudiante"
                                    />
                                <p:column headerText="Identificación">
                                    <h:outputText value="#{estudiante.idEstudiante}" />
                                </p:column>

                                <p:column headerText="Tipo">
                                    <h:outputText value="#{estudiante.tipoidestudiante}" />
                                </p:column>

                                <p:column headerText="Nombre" filterBy="#{estudiante.nombresestudiante}">
                                    <h:outputText value="#{estudiante.nombresestudiante}" />
                                </p:column>

                                <p:column headerText="Apellido">
                                    <h:outputText value="#{estudiante.apellidosestudiante}" />
                                </p:column>

                            </p:dataTable>
                        </p:panel>

                    </h:form>                     
                </p:layoutUnit>

            </p:layout>

            <!-- Dialogo de confirmacion para el boton eliminar -->
            <h:form id="formDialog" > 
                <p:confirmDialog id="confirmDialog" message="Está Seguro de Eliminar el estudiante?"  
                                 header="Confirmación" showEffect="fade" hideEffect="explode" severity="alert" widgetVar="confirmation">  
                    <p:commandButton id="confirm" value="Si" oncomplete="PF('confirmation').hide();" 
                                     update=":formCampos:mensajes,:formCampos:panelEstudiante,:formCampos:panelTabla,:formCampos:growl"  
                                     actionListener="#{estudiantesVista.eliminar_action}" />  
                    <p:commandButton id="decline" value="No" onclick="PF('confirmation').hide();" type="button" />   

                </p:confirmDialog> 
            </h:form>


        </h:body>

    </f:view>
</html>

